<template>
  <div>
    <h1>事件修饰符</h1>
    <div @click="father">
      <button @click.stop="btn">阻止冒泡</button>
      <a href="http://www.baidu.com"
         @click.prevent.stop="btn2">阻止默认行为</a>
      <button @click.once="btn3">只执行一次</button>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {
    father () {
      console.log('我是一级父盒子');
    },
    btn () {
      console.log('.stop被执行了');
    },
    btn2 () {
      console.log('阻止默认跳转行为');
    },
    btn3 () {
      console.log('我只会执行一次');
    }
  }
}
</script>

<style>
</style>